
body{
          background: #ffffff;
}
.publicHead {
          width: 100%;
          height: .4rem;
          position: relative;
         .head {
                    height: .4rem;
                    text-align: center;
                    background-color: #de4943;
                    color: #fff;

                    a.back {
                              width: .3rem;
                              height: .4rem;
                              position: absolute;
                              top: 0;
                              display: block;
                              background: url(https://m.jiuxian.com/mjava_statics/images/headBack.jpg)no-repeat;
                    }

                    h2 {
                              width: 2.2rem;
                              margin-left: -1.1rem;
                              font-size: .16rem;
                              line-height: .4rem;
                              position: absolute;
                              left: 50%;
                              font-weight: 500;
                              overflow: hidden;
                              white-space: nowrap;
                              text-overflow: ellipsis;
                    }

                    a.navBar {
                              width: .3rem;
                              height: .4rem;
                              position: absolute;
                              top: 0;
                              right: .05rem;
                              display: block;
                              background: url(https://m.jiuxian.com/mjava_statics/images/headIcon.png) no-repeat -1.5rem .06rem;
                    }
          }
          .nav {
              width: 100%;
              height: .45rem;
              background-color: #efefef;
              color: #848d96;
              top: .4rem;
              border-bottom: .01rem solid #ccc;
              display: flex;
              display: none;
              li{
                     width: 25%;
                     height: .45rem;
                     text-align: center;
                     position: relative;
                     i {
                            width:.26rem;
                            height: .26rem;
                            display: block;
                            margin: .05rem auto 0;
                            background: url(https://m.jiuxian.com/mjava_statics/images/headIcon.png)no-repeat;
                        }
                        span{
                            width: auto;
                            height: .18rem;
                            line-height: .18rem;
                            display: block;
                            position: relative;
                            top: -.03rem;
                            text-align: center;
                            font-size: .12rem;
                        }
                        i.home{
                            background-position: -.03rem -.05rem;
                        }
                        i.topsearch{
                            background-position: -.37rem -.05rem;
                        }
                        i.cart{
                            background-position: -.72rem -.05rem;
                        }
                        i.commuser{
                            background-position: -1.13rem -.05rem;
                        }
              }
          }
        

}



.listSearcHeader {
          width: 100%;
          height: .4rem;
          margin-top: .4rem;
          .headSearch {
                    width: 100%;
                    height: .4rem;
                    border-bottom: .01rem solid #e4e4e4;
                    padding: 0 .15rem;
                    background-color: #fafafa;
                    position: relative;
                    .searchInput {
                              position: relative;
                              top: .06rem;
                    em {
                                        display: inline-block;
                                        width: .12rem;
                                        height: .12rem;
                                        background:url(https://mlist.jiuxian.com/mjava_statics/images/search/searchIcon.png)no-repeat -.41rem -.18rem;
                                        background-size: 1.2rem .4rem;
                                        cursor: pointer;
                                        position: absolute;
                                        left: .1rem;
                                        top: .08rem;
                                    }
                    b{
                              display: inline-block;
                              width: 100%;
                              height: .28rem;
                              font-size: .12rem;
                              color: #666666;
                              line-height: .28rem;
                              border: none;
                              background-color: #ececec;
                              border-radius: .05rem;
                              padding: 0 .3rem;
                    }
                          

          }
}
}

.contentFrame{
          position: relative;
          max-width: 6.4rem;
          margin: .4rem auto;
   li{
          width: 32.6%;
          height: .8rem;
          display: inline-block;
          text-align: center;
          border-left: .01rem solid #f6f6f6;
          border-bottom: .01rem solid #f6f6f6;
          a{
                    i{
                              width: .36rem;
                              height: .36rem;
                              display: block;
                              margin: .1rem auto;
                              background: url(https://m.jiuxian.com/mjava_statics/images/selectIcon0314.png)no-repeat;
                    }
                    i.bWine{
                              background-position: 0 0;
                    }
                    i.pWine{
                              background-position: -.84rem 0;
                    }
                    i.yWine{
                              background-position: -1.65rem .01rem;
                    }
                    i.zWine{
                              background-position: 0 -.7rem;
                    }
                    i.lWine{
                              background-position: -.84rem -.7rem;
                    }
                    i.qWine{
                              background-position: -1.65rem -.7rem;
                    }
                    i.hWine{
                              background-position: 0 -1.41rem;
                    }
                    i.jWine{
                              background-position: -.84rem  -1.41rem;
                    }
                    i.aWine{
                              background-position: -1.65rem -1.41rem
                    }
                    i.dWine{
                              background-position: 0 -2.17rem
                    }
                    i.xWine{
                              background-position: -.84rem -2.18rem
                    }
                    i.sWine{
                              background-position: -1.65rem -2.17rem
                    }

                    span{
                              color: #333333;
                    }
          }

}       
}

